import React, {Component} from 'react';

class TodoItem extends Component {
  constructor (props) {
    super (props);
    this.handleClick = this.handleClick.bind (this);
  }
  render () {
    return (
      <div onClick={this.handleClick}>
        {this.props.content}
      </div>
    );
  }
  handleClick () {
    // 子组件如何调用父组件的方法来修改父组件的内容:把父组件的方法传给子组件，在创建子组件的时候再传递一个方法
    console.log (this.props.index);
    // 子组件被点击的时候，调用父组件传过来的deleteItem()方法，同时把父组件传过来的index传给这个方法
    this.props.deleteItem (this.props.index);
  }
}

export default TodoItem;
